<%--
  Created by IntelliJ IDEA.
  User: 杰
  Date: 2018/6/12
  Time: 20:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
<%@include file="/static/common/common.jsp"%>
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/css/public.css">
<script type="text/javascript" src="/static/js/insureInfo.js"></script>
<html>
<head>
    <title>车险投保</title>

</head>
<body>
<%--<form id="form" method="post" class="panel-noscroll" action="/policy/saveOrUpdate.do">--%>
<%--<div class="easyui-panel" fit="true">--%>
        <%--<div class="easyui-accordion" fit="true">--%>
            <%--<div title="投保人">--%>
                <%--<table>--%>
                    <%--<input type="hidden" name="car.customer.id">--%>
                    <%--<input type="hidden" name="customer.id">--%>
                    <%--<tbody>--%>
                    <%--<tr style="height: 40px;">--%>
                        <%--<tr>--%>
                            <%--<td>姓名:</td>--%>
                            <%--<td><input  name="username" class="easyui-textbox"  prompt="请输入用户名"></td>--%>
                        <%--</tr>--%>
                        <%--<td>性别:</td>--%>
                        <%--<td width="400">--%>
                            <%--<select id="customergender" class="easyui-combobox" style="width: 100px;">--%>
                                <%--<option value="1">男</option>--%>
                                <%--<option value="0">女</option>--%>
                            <%--</select>--%>
                        <%--<td>身份证:</td>--%>
                        <%--<td width="40px">--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="请输入身份证"></td>--%>
                    <%--</tr>--%>
                    <%--<tr style="height: 40px;">--%>
                        <%--<td>联系方式:</td>--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="请输入联系方式"></td>--%>
                    <%--</tr>--%>
                    <%--<tr style="height: 40px;">--%>
                        <%--<td>通讯地址:</td>--%>
                        <%--<td><input id="address" type="text" name="address" class="easyui-textbox" prompt="请输入通讯地址"></td>--%>
                    <%--</tr>--%>
                    <%--<th>--%>
                        <%--<a class="easyui-linkbutton " data-options="iconCls:'icon-search'" data-cmd="choose_customer" >会员客户</a>--%>
                    <%--</th>--%>
                    <%--</tbody>--%>
                <%--</table>--%>


            <%--</div>--%>
            <%--<div title="车辆信息">--%>
                <%--<table>--%>
                    <%--<tbody>--%>
                    <%--<tr style="height: 40px;">--%>

                        <%--<td>车主姓名:</td>--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="请输入车主姓名"></td>--%>

                        <%--<td>品牌:</td>--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="请输入品牌"></td>--%>

                        <%--<td>型号:</td>--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="请输入型号"></td>--%>


                    <%--</tr>--%>
                    <%--<tr style="height: 40px;">--%>
                        <%--<td>车牌号码:</td>--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="请输入车牌号码"></td>--%>

                        <%--<td>排气量:</td>--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="排气量"></td>--%>

                        <%--<td>汽车分类:</td>--%>
                        <%--<td width="400">--%>
                        <%--<select id="" class="easyui-combobox" style="width: 100px;">--%>
                            <%--<option value="1">载客</option>--%>
                            <%--<option value="0">载物</option>--%>
                        <%--</select>--%>
                    <%--</tr>--%>
                    <%--<tr style="height: 40px;">--%>
                        <%--<td>购置日期:</td>--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="请输入车主姓名"></td>--%>

                        <%--<td>市场估价:</td>--%>
                        <%--<td><input id="" type="text" name="" class="easyui-textbox" prompt="请输入品牌"></td>--%>

                        <%--<td>车载大小:</td>--%>
                        <%--<td width="400">--%>
                        <%--<select id="" class="easyui-combobox" style="width: 100px;">--%>
                            <%--<option value="0">小型</option>--%>
                            <%--<option value="1">中型</option>--%>
                            <%--<option value="2">大型</option>--%>
                            <%--<option value="3">超大型</option>--%>
                        <%--</select>--%>
                    <%--</tr>--%>
                    <%--<tr style="height: 40px;">--%>
                        <%--<td>--%>
                            <%--<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" data-cmd="choose_car">常见车型选择</a>--%>
                        <%--</td>--%>

                    <%--</tr>--%>
                    <%--</tbody>--%>
                <%--</table>--%>
            <%--</div>--%>

            <%--<div title="保险产品">--%>
                <%--<table>--%>
                    <%--<tbody>--%>
                    <%--<tr>--%>
                    <%--<tr>--%>
                        <%--<td>部门:</td>--%>
                        <%--<td>--%>
                            <%--<input type="text" name="dept.id" class="easyui-combobox"--%>
                                   <%--data-options="url:'/department/selectAll.do',textField:'name',valueField:'id',panelHeight:'auto'">--%>
                            <%--<a class="easyui-linkbutton" data-options="iconCls:'icon-xinzeng'" data-cmd="add_product">添加产品</a>--%>
                        <%--</td>--%>
                    <%--</tr>--%>
                    <%--<td>保险时长</td>--%>
                        <%--<td>--%>
                            <%--<input name="duration" style="width: 40px;" id="duration" class="easyui-validatebox textbox validatebox-text validatebox-invalid" data-options="required:true" onchange="calculate();">年--%>
                        <%--</td>--%>
                    <%--</tr>--%>
                    <%--<tr>--%>
                        <%--<td valign="bottom">总计:</td>--%>
                        <%--<td valign="bottom"><font color="red" size="10" id="totalAmount">0</font></td>--%>
                        <%--<td valign="bottom">元</td>--%>
                    <%--</tr>--%>
                    <%--</tbody>--%>
                <%--</table>--%>
            <%--</div>--%>

            <%--<input type="button" style="margin-left: 550px;width:110px;height: 40px;" onclick="temporary_submit();"--%>
                   <%--class="easyui-linkbutton" value="暂存保单">--%>



    <%--</div>--%>
<%--</div>--%>
<%--</form>--%>
<form id="form" method="post">
    <div id="p" class="easyui-panel" data-options="fit:true">
        <div id="aa" class="easyui-accordion" data-options="fit:true,multiple:true,selected:false">
            <div id="accord1" title="投保人" style="overflow:auto;padding:10px;"
                 data-options="multiple:true,selected:false">

                <table>
                    <!--拿到的保险产品的id-->
                    <input type="hidden" name="car.customer.id">
                    <input type="hidden" name="customer.id"/>
                    <tr style="height: 40px;">
                        <td>姓名</td>
                        <td><input class="easyui-validatebox textbox" style="width: 152px;height: 30px;" name="customer.name" data-options="required:true,validType:'length[3,10]'"></td>
                        <td align="left">性别</td>
                        <td width="500">
                            <select id="customergender" name="customer.gender" class="easyui-combobox"
                                    data-options="panelHeight:'auto',width:'200px'">
                                <option value="1">男</option>
                                <option value="0">女</option>
                            </select>
                        </td>
                        <td>身份证</td>
                        <td width="300px">
                            <input name="customer.idNo" class="easyui-validatebox textbox" style="width: 152px;height: 30px;"
                                   data-options="required:true,validType:'idcard'"/>
                        </td>
                    </tr>
                    <tr style="height: 40px;">
                        <td>联系方式</td>
                        <td>
                            <input class="easyui-validatebox textbox" style="width: 152px;height: 30px;" name="customer.tel" data-options="required:true,validType:'mobile'"/>
                        </td>
                    </tr>
                    <tr style="height: 40px;">
                        <td>通讯地址</td>
                        <td>
                            <input id="address" name="customer.address"
                                   class="easyui-textbox" style="width: 300px"/>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <th>
                            <a class="easyui-linkbutton"
                               data-options="iconCls:'icon-search'" data-cmd="choose_potentialCustomer">会员客户</a>
                        </th>
                    </tr>
                </table>

            </div>
            <div id="accord3" title="车辆信息" data-options="multiple:true,selected:false" style="overflow:auto;padding:10px;">
                <table>
                    <tr style="height: 40px;">
                        <td>车主姓名:</td>
                        <td width="300px">
                            <input class="easyui-textbox" style="width: 150px;" type="text" name="car.customer.name" id="car.customer.name"
                                   data-options="required:true"/>
                        </td>
                        <td>品牌</td>
                        <td width="300px">
                            <input id="carbrand" class="easyui-textbox" style="width: 150px;" name="car.brand"/>
                        </td>
                        <td>型号</td>
                        <td width="300px">
                            <input id="carmodel" name="car.model" style="width: 150px;" class="easyui-textbox"/>
                        </td>
                    </tr>
                    <tr style="height: 40px;">
                        <td>车牌号码</td>
                        <td>
                            <input id="carplateNumber" name="car.plateNumber" class="easyui-validatebox textbox" data-options="required:true"
                                   style=" height: 30px;width: 150px"/>
                        </td>
                        <td>排气量</td>
                        <td>
                            <input id="fasDisplacement" name="fasDisplacement" style="width: 150px;" class="easyui-textbox"/>L
                        </td>
                        <td>汽车分类</td>
                        <td>
                            <select class="easyui-combobox" name="car.category" id="carcategory" style="width:150px;"
                                    data-options="panelHeight:'auto'">
                                <option value="1">载客</option>
                                <option value="0">载物</option>
                            </select>
                        </td>
                    </tr>
                    <tr style="height: 40px;">
                        <td >购置日期</td>
                        <td>
                            <input name="car.purchaseDate" id="carpurchaseDate" style="width:150px;"
                                   class="easyui-datebox"/>
                        </td>
                        <td>市场估价</td>
                        <td>
                            <input  name="car.valuation" id="carvaluation" class="easyui-textbox" style="width:150px;"/>万
                        </td>
                        <td>车载大小</td>
                        <td>
                            <select class="easyui-combobox" id="carsize" name="car.size" style="width:150px;"
                                    data-options="panelHeight:'auto'">
                                <option value="0">小型</option>
                                <option value="1">中型</option>
                                <option value="2">大型</option>
                                <option value="3">超大型</option>
                            </select>
                        </td>
                    </tr>

                    <tr style="height: 40px;">
                        <td>
                            <a class="easyui-linkbutton" style="width:150px;"
                               data-options="iconCls:'icon-search'" data-cmd="choose_car">常见车型选择</a>
                        </td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <div id="accord4" title="保险产品" data-options="multiple:true,selected:false" style="padding:10px;">
                <table>
                    <tr>
                        <td>承保机构</td>
                        <td width="500">
                            <input id="safe_select" name="institutions.id" style="width:200px;" onchange="changeSafe();"/>
                            <a class="easyui-linkbutton" data-options="iconCls:'icon-add'" data-cmd="add_product">添加产品</a>
                        </td>
                        <td>保险时长</td>
                        <td>
                            <input name="duration" style=" height: 30px;width: 150px" id="duration" class="easyui-validatebox textbox" data-options="required:true" onchange="calculate();"/>年
                        </td>
                    </tr>
                    <tr id="hidethis" class="product-tr" data-oid="-1" style="display: none">
                        <td>保险产品:</td>
                        <td id="productName" width="300"></td>
                        <td>保险编号:</td>
                        <td id="productSn" width="200"></td>
                        <td>保险年费:</td>
                        <td id="annuaFlee" class="annuaFlee" width="100">0</td>
                        <td><a class="easyui-linkbutton"
                               data-options="iconCls:'icon-shanchu',plain:'true'" onclick="delete_this(this);"></a></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td valign="bottom"><font>总计: </font></td>
                        <td valign="bottom"><font color="red" size="10" id="totalAmout" name="totalAmout">0</font></td>
                        <td valign="bottom"><font>元</font></td>
                    </tr>
                </table>
            </div>
            <div style="margin:20px 0;"></div>

            <input type="button" style="margin-left: 550px;width:110px;height: 40px;" onclick="temporary_submit();"
                   class="easyui-linkbutton" value="暂存保单">

        </div>
    </div>
    <div id="choose_product_dialog">
        <table id="product_datagrid"></table>
    </div>
    <div id="choose_potentialCustomer_dialog">
        <table id="potentialCustomer_datagrid"></table>
    </div>
    <div id="choose_car_dialog">
        <table id="car_datagrid"></table>
    </div>


    <div id="product_btns2">
        <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_product">确定</a>
    </div>
    <div id="potentialCustomer_btns2">
        <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_potentialCustomer">确定</a>
    </div>
    <div id="car_btns2">
        <a class="easyui-linkbutton" iconCls="icon-ok" plain="true" data-cmd="select_car">确定</a>
    </div>
</form>
</body>

</html>
